<template>
  <div class="home-page">
    <!-- 搜索栏 -->
    <SearchBar />
    
    <!-- 主横幅轮播图 -->
    <HeroSwiper />
    
    <!-- 8宫格导航 -->
    <NavList />
    
    <!-- 服务横幅 -->
    <ServiceBanners />
    
    <!-- 计划选择 -->
    <PlansSection />
    
    <!-- 业主卡片 -->
    <OwnerCard />
    
    <!-- 房源推荐 -->
    <PropertyList />
  </div>
</template>

<script setup>
import SearchBar from './components/SearchBar.vue'
import HeroSwiper from './components/HeroSwiper.vue'
import NavList from './components/NavList.vue'
import ServiceBanners from './components/ServiceBanners.vue'
import PlansSection from './components/PlansSection.vue'
import OwnerCard from './components/OwnerCard.vue'
import PropertyList from './components/PropertyList.vue'
</script>

<style scoped>
.home-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #f0f8ff 0%, #f5f5f5 30%, #f5f5f5 100%);
  padding-bottom: 20px;
}
</style>
